.study-comment-wrap{
  .comment-container{
    display: flex;
    padding:10px 0;
    .comment-avatar{
      width:40px;
      height: 40px;
      border-radius: 50%;
      overflow: hidden;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      margin:0 10px;
      img{
        max-width: 60px;
      }
    }
    .comment-main{
      flex: 1;
      .comment-username{
        font-weight: 500;
        font-size: 15px;
        color:#333;
      }
      .comment-time{
        color:#999;
        font-size: 13px;
        margin-top: 2px;
      }
      .comment-content{
        margin-top: 6px;
        font-size: 14px;
        padding-right: 10px;
      }
    }
  }
  .comment-action-bar{
    display: flex;
    padding:10px;
    border:1px solid #e1e1e1;
    align-items: center;
    justify-content: space-between;
    .action-left{
      display: flex;
      .action-item{
        margin-right: 16px;
      }
    }
    .action-item{
      display: flex;
      align-items: center;
      .action-icon{
        margin-right: 4px;
        width:16px;
        height: 16px;
      }
      i{
        font-style: normal;
      }
    }
  }
}
